<template>
    <div class="officeSurplus">
        <c-navigation>
            <c-time @change="timeChangeHandler"/>
        </c-navigation>
        <div class="tableDiv">
            <p>
                <RadioGroup :allLength="allLength" :surplusLength="surplusLength" :overspendLength="overspendLength" @listChange="listChange"></RadioGroup>
            </p>
            <a-table :columns="columns"  :data-source="dataNum"  :rowKey="record=>record['dep_code']">
            </a-table>
        </div>
    </div>
</template>

<script>
    import {barLine,Analysis,CostpProportionList} from "@/api/Department";
    import moment from "moment";
    import RadioGroup from '@/components/radioGroup.vue'
    import columns from "./columns.js";
    export default {
        name: "DepartmentEvaluate",
        components: {
            RadioGroup
        },
        data() {
            return {
                dataNum:[],
                columns:[],
                allLength:1,
                surplusLength:1,
                overspendLength:1,
            }
        },
        created(){
            this.columns=columns
        },
        mounted () {
            this.getAnalysis()
            this.getCostpProportionList()
        },
        methods: {
            listChange(){

            }
        }
    }
</script>

<style lang="stylus" scoped>
    .tableDiv{ width:100%; height:400px; margin-top 20px; padding 20px; box-sizing border-box;background: #FFFFFF;
        box-shadow: 0 4px 8px 0 rgba(25,25,26,0.15), 0 2px 4px 0 rgba(39,39,42,0.20); border-radius: 12px;}
    .tableDiv P{ margin-bottom:20px;}
</style>
